<template>
  <div id="app">
      我是app.vue页面，也是所有组件的入口，所有的页面都要在此展示
        <!-- 调用路由组件 每一个路由组件就是一个页面 -->
        <hr>
       <!-- <router-link to="/hbws">到湖北</router-link>
       <router-link to="/hnws">到河南</router-link>
       <router-link to="/jxws">到江西</router-link> -->

       <button @click="go('/hbws')">到湖北</button>
       <button @click="go('/hnws')">到河南</button>
       <button @click="go('/jxws')">到江西</button>
<hr>
        <router-view/>
  </div>
</template>

<script>


// import Request from "./pages/Request.vue"
export default {// 暴露出去
  name: 'App',
  // 注册组件
  components:{
  Request,
  // Tab/
  },
  data () {
    return {
    
    }
  },
  mounted () {
    // this.$api.getData({msg:"get传参"})
    // .then(res=>{
    //   console.log(res)
    // })
    this.$router.push("/hnws")
  },
  methods: {
    go(path){
      // console.log(5555)
      // push 添加新的路由
      // replace 替换当前路由
      this.$router.push(path)
    }
  }
}
</script>

<style>
/* #app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
} */
</style>
